<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@include file="../../base.jsp"%> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<title>COCKPIT</title>

    <link rel="stylesheet" href="http://apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
    <link href="${path}/admin123/css/main.css" rel="stylesheet" type="text/css" >
    <link rel="stylesheet" type="text/css" href="${path}/js/jquery/easyui/themes/icon.css">
    <script src="${path}/js/jquery/easyui/jquery-1.8.0.min.js"></script>
    <script src="${path}/js/jquery/easyui/jquery.easyui.min.js"></script>
    <script src="${path}/admin123/layoutui/api/jquery-ui.min.js"></script>
    <script src="${path}/js/myjs/charts/mychart.js?random=<%=Math.random()%>"></script>
    <script src="${path}/js/myjs/charts/myui.js?random=<%=Math.random()%>"></script>
    <link rel="stylesheet" href="${path}/js/myjs/charts/myui.css?random=<%=Math.random()%>">
    <style>
        .ui-widget-header .ui-state-default{
            border:1px solid #d3d3d3;
            background:#ffffff url(http://apps.bdimg.com/libs/jqueryui/1.10.4/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
            font-weight:400;color:#555}
    </style>
</head>
<body style="width: 2000px;">

<div id="layoutui">
    <div class="ui-widget-content">
        <ol class="connectedSortable">
            <%--<li id="_aaa_line1" class="ui-state-default" title="aaa">
                <input type="button" name="aaaa" value="aaaaaa"  id="aaaa4Add1"/>
            </li>
            <li id="_aaa_line2" class="ui-state-default" title="aaa">
                <input type="file" name="aaaa"  id="aaaa4Add2"/>
            </li>
            <li id="_aaa_line3" class="ui-state-default" title="aaa">
                <input  name="aaaa"  id="aaaa4Add3"/>
            </li>--%>
        </ol>
        <div style="clear:both;"></div>
    </div>
</div>

<div id="products">
    <h3 class="ui-widget-header">控件区</h3>
    <div id="catalog">
        <h3><a href="#">基本控件</a></h3>
        <div>
            <ul>
                <li class="ui-state-default" uiclass="text">text</li>
                <li class="ui-state-default" uiclass="image">image</li>
                <li class="ui-state-default" uiclass="chart">chart</li>
            </ul>
        </div>
        <h3><a href="#">操作</a></h3>
        <div>
            <ul>
                <li class="ui-state-default" id="mode_edit">编辑模式</li>
                <li class="ui-state-default" id="mode_view">预览模式</li>
            </ul>
        </div>
    </div>

</div>

<div id="editTextUI" title="Text属性框">
    <p>
        <label>文字内容</label>
        <span><input type="input" id="editTextUI_TextValue"></span>
    </p>
    <p>
        <label>label样式</label>
        <span>
            <textarea id="editTextUI_Style_label" cols="30" rows="5">{"background-color":"yellow","font-size":"200%"}</textarea>
        </span>
    </p>
</div>

<div id="editChartUI" title="Chart属性框">
    <p>
        <label>iframe样式</label>
        <span>
            <textarea id="editChartUI_Style" cols="30" rows="5">
                {"id" : "aaa","name" : "aaa","width" : "100%",
                "height" : "100%","frameborder" : "0","scrolling":"yes",
                "src":"multi.jsp?_keyRandom=20161104142000001&_chartType=msspline"}
            </textarea>
        </span>
    </p>
</div>

<div id="editImgUI" title="图片属性框">
    <p>
        <label>image样式</label>
        <span>
            <textarea id="editImgUI_Style" cols="30" rows="5">
                {"width" : "100%","height" : "100%","src":"https://www.ydcard.com/view_image/20140108155402.jpg"}
            </textarea>
        </span>
    </p>
</div>

</body>
</html>  

